<template>
  <div>
     <h2>{{num}}</h2>
     <button @click="num++">+</button>
  </div>
</template>

<script>
/* 
  一、watch定义有两种写法
  1、简写形式
  2、标准写法
  二、简写形式的语法
  watch:{
    //newval:变化之后的数据
    //oldval:变化之前的数据
    监视的数据名(newval,oldval){

    }
  }
*/
export default {
  data(){
    return{
      num:0
    }
  },
  watch:{
    num(newval,oldval){
      console.log(newval,oldval);
    }
  }
}
</script>

<style>

</style>